<%--
  Created by IntelliJ IDEA.
  User: Gustuy
  Date: 2021/9/14
  Time: 14:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
    <link type="text/css" rel="stylesheet" href="/CSS/Login.css">

</head>
<body>
<div class="rg_layout">
<div class="rg_left">
    <p>新用户注册</p>
    <p>USER REGISTER</p>
</div>
    <div class="rg_right ">
        <p>已有账号？<a href="#">立即登录</a></p>
    </div>
<!-- 中间部分 -->
<div class="rg_center">
    <!-- 定义表单 form -->
    <form action="/login" method="post">
        <!-- 定义一个表格 -->
        <table>
            <!-- 表格第一行有两个单元格：用户名 + 输入用户名信息区域 -->
            <tr>
                <!-- 定义一个标签：用户名 -->
                <td class="td_left"><label for="Uid">用户ID</label></td>
                <!-- 定义输入用户名信息的框框 -->
                <td class="td_right"><input type="text" name="Uid" id="Uid" placeholder="请输入ID"></td>
            </tr>

            <tr>
                <td class="td_left"><label for="name">姓名</label></td>
                <td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td>
            </tr>
            <!-- 表格第二行有两个单元格：密码 + 输入密码区域 -->
            <tr>
                <!-- 定义一个标签：密码 -->
                <td class="td_left"><label for="password">密码</label></td>
                <!-- 定义输入密码的框框 -->
                <td class="td_right"><input type="password" name="pwd" id="password" placeholder="请输入密码"></td>
            </tr>

            <!-- 表格第三行有两个单元格：邮箱 + 输入邮箱区域 -->
            <tr>
                <!-- 定义一个标签：邮箱 -->
                <td class="td_left"><label for="email">Email</label></td>
                <!-- 定义输入邮箱的框框 -->
                <td class="td_right"><input type="email" name="Email" id="email" placeholder="请输入邮箱"></td>
            </tr>

            <!-- 表格第五行有两个单元格：手机号 + 输入手机号码区域 -->
            <tr>
                <!-- 定义一个标签：手机号 -->
                <td class="td_left"><label for="tel">手机号</label></td>
                <!-- 定义输入手机号码的框框 -->
                <td class="td_right"><input type="text" name="phone" id="tel" placeholder="请输入手机号"></td>
            </tr>

            <!-- 表格第六行有两个单元格：性别 + 选择性别的按钮 -->
            <tr>
                <!-- 定义一个标签：性别 -->
                <td class="td_left"><label>性别</label></td>
                <!-- 定义两个选择按钮：一个按钮"男"，一个按钮"女" -->
                <td class="td_right">
                    <input type="radio" name="sex" value="Man"> 男
                    <input type="radio" name="sex" value="Woman"> 女
                </td>
            </tr>


            <!-- 表格第八行有两个单元格：验证码 + （输入验证码区域 + 验证码图片） -->
            <tr>
                <!-- 定义一个标签：验证码 -->
                <td class="td_left"><label for="checkcode" >验证码</label></td>
                <!-- 定义输入验证码的框框 -->
                <td class="td_right"><input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码">
                    <!-- 验证码图片 -->
                    <img id="img_check" src="img/verify_code.jpg">
                </td>
            </tr>

            <!-- 表格第八行有一个单元格：注册按钮 -->
            <tr>
                <td class="td_left"></td>
                <!-- 定义输入验证码的框框 -->
                <td class="td_right"></td>
            </tr>
            <tr>
                <!-- 定义一个提交按钮 -->
                <td colspan="2" align="center"><input type="submit" id="btn_sub" value="注册"></td>
            </tr>
        </table>
    </form>
</div>
</div>
</body>
</html>
